<style lang="scss" scoped>
  @import "@/assets/css/variable";
  .wrapper{
    // background-color: $main-bgc;
    min-height: 100%;
	overflow: hidden;
	.top_content{
		flex: 1;
		z-index: 0;
		overflow: hidden;
		// overflow-y: scroll;
	}
	.bottom_tabbar{
		flex: 0 0 50px;
		height: 50px;
		z-index: 0;
		background-color: #017494;
	}
  }
</style>
<template>
  <div class="wrapper wrapperContent flex flex-column">
    <div class="top_content flex flex-column">
		<!-- ="index,detail,searchResult" -->
		<!-- <keep-alive exclude="editUserInfo">
		  <router-view/>
		</keep-alive> -->
		<!-- <keep-alive include="index,member">
		      <router-view></router-view>
		</keep-alive> -->
		<!-- <router-view/> -->
		<keep-alive  v-if="this.$route.meta.keepAlive">
		  <router-view></router-view>
		  <!--这里是会被缓存的组件-->
		</keep-alive>
		<!-- <keep-alive v-if="!this.$router.meta.keepAlive"></keep-alive> -->
		<router-view v-else></router-view>
	</div>
    <div class="bottom_tabbar" v-if="$route.meta.isShowTabbar==true">
		<my-tabbar></my-tabbar>
	</div>
  </div>
</template>
<script>
import Tabbar from "../components/Tabbar.vue";
export default {
	name:'wrapper',
  components: {
    myTabbar: Tabbar
  },
  data() {
    return {
      
    }
  },
  mounted() {
  	// console.log('$route.meta.isShowTabbar',this.$route.meta.isShowTabbar)
  }
};
</script>